page{
  background: var(--bg-color);
}
.order-detail{
  padding: 32rpx;
  .base{
    padding: 20rpx;
    background: #fff;
    border-bottom: 1px solid #eee;
    > view{
      display: flex;
      font-size: 28rpx;
      color: #111;
      line-height: 50rpx;
      text:first-child{
        color: #8E8E93;
        width: 180rpx;
      }
    }
    view.yellow {
      color: #8E8E93;
      text{
        color: #F6A526;
      }
    }
    .list-address{
      display: flex;
      align-items: center;
      text:nth-child(1){
        color: #8E8E93;
        width: 120rpx;
        margin-right: 10rpx;
      }
      text{
        color: #000;
      }
    }
  } //base end
  .detail-header{
    border-radius: 32rpx 32rpx 0 0;
    .header-title{
      display: flex;
      justify-content: space-between;
      font-size: 32rpx;
      text:first-child{
        flex: 1;
        color: #000;
      }
      text:last-child{
        color: #C7C7CC;
        font-size: 28rpx;
      }
    }
    view{
      color: #8E8E93;
    }
  } //detail-header end

  .detail-code{
    .code-title{
      color: #8E8E93;
    }
    .code-list{
      display: block;
      &:nth-child(2n-1){
        border-top: 2rpx solid #eee;
        margin-top: 20rpx;
        padding-top: 20rpx;
      }
      view{
        display: flex;
      }
      text{
        display: block;
        width: 140rpx!important;
      }
    }
  }//  detail-code end

  .detail-car{
    border-radius: 0 0 32rpx 32rpx;
    > view{
      text{
        width: 150rpx!important;
      }
    }
  }//detail-car end
}